<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块标签</title>
</head>
<body>
     <!--
     div:每一个div占满一整行.块级标签
     span:文本信息在一行展示,行内标签,内联标签
     -->
     <!--语义化标签:<header>和<footer>两个标签并没有实质性作用,只是为了增加程序的可读性
      -->

    <span>海绵宝宝</span>
    <span>章鱼哥</span>
     <hr>
    <div>哈登</div>
    <div>杜兰特</div>
</body>
</html>